GroupFeed

Interfaces

GroupFeedProps

Properties

FeedObjectProps?

optional FeedObjectProps: FeedObjectProps

Props to spread to single feed object

Default

empty object

Source

GroupFeed/GroupFeed.tsx:72

FeedProps?

optional FeedProps: Omit<FeedProps, "endpoint" | "ItemComponent" | "widgets" | "itemPropsGenerator" | "itemIdGenerator" | "ItemSkeleton" | "ItemSkeletonProps" | "FeedSidebarProps">

Props to spread to feed component

Default

{}

Source

GroupFeed/GroupFeed.tsx:84

FeedSidebarProps?

optional FeedSidebarProps: StickyBoxProps

Props to spread to single feed object

Default

{top: 0, bottomBoundary: `#${id}`}

Source

GroupFeed/GroupFeed.tsx:78

className?

optional className: string

Overrides or extends the styles applied to the component.

Default

null

Source

GroupFeed/GroupFeed.tsx:48

group?

optional group: SCGroupType

Group Object

Default

null

Source

GroupFeed/GroupFeed.tsx:54

groupId?

optional groupId: number

Id of the group for filter the feed

Default

null

Source

GroupFeed/GroupFeed.tsx:60

id?

optional id: string

Id of the feed object

Default

'feed'

Source

GroupFeed/GroupFeed.tsx:42

widgets?

optional widgets: SCFeedWidgetType[]

Widgets to be rendered into the feed

Default

[GroupMembersWidget, GroupInfoWidget]

Source

GroupFeed/GroupFeed.tsx:66

Functions

GroupFeed()

GroupFeed(inProps): JSX.Element

API documentation for the Community-JS Group Feed Template. Learn about the available props and the CSS API.

This component renders a specific group's feed.

Import

import {GroupFeed} from '@selfcommunity/react-templates';

Component Name

The name SCGroupFeedTemplate can be used when providing style overrides in the theme.

CSS

Rule Name	Global class	Description
root	.SCGroupFeedTemplate-root	Styles applied to the root element.

Parameters

Parameter	Type	Description
inProps	GroupFeedProps

Returns

JSX.Element

Source

GroupFeed/GroupFeed.tsx:132

---

GroupFeedSkeleton()

GroupFeedSkeleton(): JSX.Element

API documentation for the Community-JS Group Feed Skeleton Template. Learn about the available props and the CSS API.

Import

import {GroupFeedSkeleton} from '@selfcommunity/react-templates';

Component Name

The name SCGroupFeedTemplate-skeleton-root can be used when providing style overrides in the theme.

CSS

Rule Name	Global class	Description
root	.SCGroupFeedTemplate-skeleton-root	Styles applied to the root element.

Returns

JSX.Element

Source

GroupFeed/Skeleton.tsx:35